<template>
  <div class="anbusafety-bottom">
    <div class="content">
      <el-row>
        <el-col :span="6">
          <img src="@/assets/images/white-logo.png" alt="" />
          <p>
            One professional personal<br />
            protective equipment<br />
            manufacturer in China can<br />
            supply different safety PPE<br />
            items.
          </p>
        </el-col>
        <el-col :span="6">
          <h4>Services</h4>
          <ul>
            <li><a href="">Our Catalog</a></li>
            <li><a href="">Resources</a></li>
            <li><a href="">About us</a></li>
            <li><a href="">Questions</a></li>
            <li><a href="">Topics</a></li>
          </ul>
        </el-col>
        <el-col :span="6">
          <h4>Recent News</h4>
          <h3><a href="">How to start a clothing line business? </a></h3>
          <h3>
            <a href="">The 10 Best Workwear Brands for Construction Workers</a>
          </h3>
          <h3>
            <a href=""
              >Workwear Style: The Evolution of Blending Function with
              Fashion</a
            >
          </h3>
          <h3>
            <a href=""
              >Raincoat fabric Guide: Types, Properties and How to choose</a
            >
          </h3>
        </el-col>
        <el-col :span="6">
          <h4>Contact Us</h4>
          <div class="contact">
            <p>
              Add: No.10 Hanghai Road, Zhengzhou
              <br />
              450000, China.
              <br />
              Email:sales@anbusafety.com
              <br />
              Tel:+86-186-38608485
              <br />
              Fax:+86-371-88006761
              <br />
              Follows us on:
            </p>
            <div class="icon">
              <span>
                <a href=""><img src="@/assets/images/facebook.png" alt="" /></a>
              </span>
              <span>
                <a href=""><img src="@/assets/images/facebook.png" alt="" /></a>
              </span>
              <span>
                <a href=""><img src="@/assets/images/facebook.png" alt="" /></a>
              </span>
            </div>
          </div>
        </el-col>
      </el-row>
    </div>
    <div class="bottom">
      <div class="center">
        <div class="left">
          © Copyright 2010-2025 Anbu Safety, All Rights Reserved.
        </div>
        <div class="right">
          <a href="">Privacy Policy</a>
        </div>
      </div>
    </div>
  </div>
</template>
<script setup>
</script>
<style scoped lang='scss'>
.anbusafety-bottom {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #031d44;
  color: #ffffffc9;
  display: flex;
  flex-direction: column;
  .content {
    width: 1140px;
    padding-top: 65px;
    padding-bottom: 30px;
    font-family: "Roboto", Sans-serif;
    img {
      width: 205px;
      height: 48.781px;
    }
    p {
      margin: 18.75px 0;
      font-size: 15px;
      line-height: 24px;
    }
    h4 {
      font-size: 18px;
      color: #ffbb02;
      margin-bottom: 20px;
    }
    li {
      cursor: pointer;
      margin-top: 2.5px;
      padding-bottom: 2.5px;
      height: 27px;
    }
    h3 {
      padding-right: 10px;
      font-size: 15px;
      margin-bottom: 15px;
    }
    .contact {
      .icon {
        display: flex;
        gap: 10px;
        span {
          width: 32px;
          height: 32px;
          img {
            width: 32px;
            height: 32px;
          }
        }
      }
    }
  }
  .bottom {
    width: 100%;
    padding: 8px 0;
    height: 35px;
    background: #042a62;
    color: white;
    .center {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      .left {
        width: 570px;
      }
      .right {
        width: 570px;
        justify-content: right;
        display: flex;
        a {
          margin-left: auto;
        }
      }
    }
  }
}
</style>
